		// var xs=document.getElementById("xs");
		// var yc=document.getElementById('yc');
		var bj=document.getElementById('bj');
		var demooo=document.getElementById("demooo");
		var hotPush=document.getElementById("hotPush");
		var hotPushList=document.getElementById("hotPushList");
		var ols=hotPushList.querySelectorAll("a");
		console.log(ols)
		var box=document.getElementById("box");
		// var gd=document.getElementById('gd');
		var fx=document.getElementById('fx');
		var fxk=document.getElementById('fxk');
		// var liss=xs.querySelectorAll("a");
		// var lis=yc.querySelectorAll("button");
		var fenlei=document.getElementById("fenlei");
		var swiperWrapper=document.querySelector(".swiper-wrapper");
		var as=swiperWrapper.children;
		as[0].className="colorRed";
		for(var i=0;i<as.length;i++){
			(function(i){
				as[i].onclick=function(){
					for(var x=0;x<as.length;x++){
						as[x].className="colorBlack";
					};
					this.className="colorRed";
				}
			})(i)
		}
		for(var t=5;t<ols.length;t++){
			ols[t].style.display="none";
		};
		var fllis=fenlei.querySelectorAll("li");
		for(var n=0;n<fllis.length;n++){
			(function(n){
				fllis[n].onclick=function(){
					for(var j=0;j<fllis.length;j++){
						fllis[j].className="black";
					};
					this.className="gray";
				};
			})(n);
		};
		fllis[0].className="gray";
		var d=false;
		demooo.onclick=function(){
			if(!d){
				this.src="img/收  起.svg"
				hotPush.style.width="325px";
				hotPush.style.marginLeft="30px";
				hotPushList.style.listStyleType="decimal";
				hotPushList.style.listStylePosition="initial";
				for(var t=5;t<ols.length;t++){
					ols[t].style.display="block";
				};
				hotPush.style.position="absolute";
				hotPush.style.zIndex="2";
				box.style.display="none";
				d=true;
			}else{
				hotPush.style.position="relative";
				this.src="img/更多.svg"
				hotPush.style.width="350px";
				hotPush.style.marginLeft="10px";
				for(var t=5;t<ols.length;t++){
					ols[t].style.display="none";
				};
				box.style.display="block";
				d=false;
			}
			
		}
		// fllis[0].className="gray";
		// for(var i=0;i<lis.length;i++){
		// 	(function(i){
		// 		lis[i].onclick=function(){
		// 			n=i;
		// 			if(liss[n].className == "see"){
		// 				liss[n].className= "notSee";
		// 			}else{
		// 				liss[n].className="see";
		// 			};
		// 			if(this.className == "ycbackgroung"){
		// 				this.className="";
		// 			}else{
		// 				this.className="ycbackgroung"
		// 			}
		// 		}
		// 	})(i)
		// }
		var b=false;
		fx.onclick=function(){
			fxk.style.display='block';
		}
		// wc.onclick=function(){
		// 	yc.style.display='none';
		// }
		// gd.onclick=function(){
		// 	if(!b){
		// 		yc.style.display='block';
		// 		b=!b;
		// 	}else if(b){
		// 		yc.style.display='none';
		// 		b=!b;
		// 	}
		// }
		fx.onclick=function(){
			fxk.style.display='block';
		}
		fxk.onclick=function(){
			fxk.style.display='none';
		}
		// var swiper = new Swiper('.swiper-container', {
		// 	navigation: {
		// 	  nextEl: '.swiper-button-next',
		// 	  prevEl: '.swiper-button-prev',
		// 	},
		//   });
		effect = 0
    var swiper = new Swiper('.swiper-container', {
	  loop: false,
	  speed: 2500,
      slidesPerView: 5,
      spaceBetween: 30,
	  centeredSlides : false,
	  watchSlidesProgress : true,
	  slidesOffsetAfter : -150,
	  slidesOffsetBefore: 10,
	  roundLengths:true,
	  on: {
	    setTranslate: function(){
			slides = this.slides
			for(i=0; i< slides.length; i++){
				slide = slides.eq(i)
				progress = slides[i].progress
				//slide.html(progress.toFixed(2)); 看清楚progress是怎么变化的
				    slide.css({'opacity': '','background': ''});slide.transform('');//清除样式
					
					if(effect == 1){
					    slide.transform('scale('+(1 - Math.abs(progress)/8)+')');  
					}else if(effect == 2){
						slide.css('opacity',(1-Math.abs(progress)/6));
					    slide.transform('translate3d(0,'+ Math.abs(progress)*20+'px, 0)');  
					}
					else if(effect == 3){
					    slide.transform('rotate('+ progress*30+'deg)');  
					}else if(effect == 4){
						slide.css('background','rgba('+ (255 - Math.abs(progress)*20) +','+ (127 + progress*32) +',' + Math.abs(progress)*64 + ')');
					}
					
				}	
		},
		setTransition: function(transition) {
			for (var i = 0; i < this.slides.length; i++) {
				var slide = this.slides.eq(i)
				slide.transition(transition);
			}
		},
	  },
	  navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	  },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });
	